{template '/web/_header'}
<script type="text/javascript" src="{UNPOR_BABY_LOCAL_STATIC}highcharts/highcharts.js"></script>
<!--主体内容-->
<div class="layui-body">
	<div class="layadmin-tabsbody-item layui-show" >


		<div class="layui-card layadmin-header">
			<div class="layui-breadcrumb" lay-filter="breadcrumb" style="visibility: visible;">
				当前位置：{$pageObj['crumbs']}
			</div>
		</div>

		<div class="layui-fluid" >
			<div class="layui-row layui-col-space15">
				<div class="layui-col-md12">
					<div class="layui-card">
						<div class="layui-card-header">{$pageObj['pageName']}</div>
						<div class="layui-card-body">
							<a href="{php echo $this->createWebUrl('common/go', array('go'=>'user','dodo'=>'member','operate'=>'add'))}" class="layui-btn layui-btn-sm ">添加</a>
							<a href="{php echo $this->createWebUrl('common/go', array('go'=>'user','dodo'=>'member','operate'=>'update'))}" class="layui-btn  layui-btn-normal layui-btn-sm ">修改</a>
						</div>
					</div>
				</div>
			</div>
		</div>

		<div class="layui-fluid">
			<div class="layui-row layui-col-space15">
				<div class="layui-col-md12">
					<div class="layui-card">
						<!--条件搜索-->
						<div class="layui-form layui-card-header layuiadmin-card-header-auto" lay-filter="app-content-workorder">
							<div class="layui-form-item">
								<div class="layui-inline">
									<label class="layui-form-label">工单号</label>
									<div class="layui-input-block">
										<input type="text" name="orderid" placeholder="请输入" autocomplete="off" class="layui-input" id="search">
									</div>
								</div>
								<div class="layui-inline">
									<label class="layui-form-label">工单标题</label>
									<div class="layui-input-block">
										<input type="text" name="title" placeholder="请输入" autocomplete="off" class="layui-input">
									</div>
								</div>
								<div class="layui-inline">
									<label class="layui-form-label">业务性质</label>
									<div class="layui-input-block">
										<input type="text" name="attr" placeholder="请输入" autocomplete="off" class="layui-input">
									</div>
								</div>
								<div class="layui-inline">
									<label class="layui-form-label">受理人</label>
									<div class="layui-input-block">
										<input type="text" name="accept" placeholder="请输入" autocomplete="off" class="layui-input">
									</div>
								</div>
								<div class="layui-inline">
									<button class="layui-btn layui-btn-radius">搜索</button>
								</div>
							</div>
						</div>
						<div class="layui-card-body">
							<!-- 列表开始 -->
							<table class="layui-hide" id="test" lay-filter="demo"></table>
							<!-- 列表前面的 序号栏目 -->
							<script type="text/html" id="indexTpl">
								{{d.LAY_TABLE_INDEX+1}}
							</script>
							<!-- 列表最后的操作按钮 -->
							<script type="text/html" id="barDemo">
								<button class="layui-btn layui-btn-xs" lay-event="edit">编辑</button>
								<button class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</button>
							</script>
							<!-- 列表结束 -->
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>

<script>
    layui.use('table', function(){
        var table = layui.table;

        //第一个实例
        var search = $('#search').val();

        table.render({
            elem: '#test'
            ,url:"{php echo $this->createWebUrl('user/member/get')}"
            ,where: {search: search}
            ,method: 'post'
            ,page: {layout: ['limit', 'count', 'prev', 'page', 'next', 'skip']}
            ,cols: [[
                // 这里就是对于的列  第一行显示序号，最后一行显示操作不需要修改，中间的filed就是对应返回值列表对象中的名称。
                {field:'',align:'center', width:70,  title: '序号', toolbar: '#indexTpl'}
                ,{field:'user_name', title: '用户名'}
                ,{field:'vip', title: 'vip等级'}
                ,{field:'right',align:'center', width:150, toolbar: '#barDemo', title: '操作'}
            ]]

        });

    });
</script>

{template 'web/_footer'}